<%@ page contentType="text/html;charset=UTF-8" %> 
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>

<!DOCTYPE HTML>
<html>
<head>
	<title><spring:message code="label.403Page"/></title>
</head>
<body>
	<h1><spring:message code="label.403PageText"/></h1>
	<h2><spring:message code="label.403PageHello"/>, ${username}</h2>
	<h2><spring:message code="label.403Info"/></h2>
	
	
		<img id="windmill"  src="resources/img/windmill-tower.png">
<img id="sails" src="resources/img/windmill-sails404.png">
</body>



	<style>
		@-webkit-keyframes rotate {
			from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }
		}
		@-moz-keyframes rotate {
			from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); }
		}
		@-ms-keyframes rotate {
			from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); }
		}
		@keyframes rotate { from {
			transform: rotate(0deg); } to { transform: rotate(360deg); }
		}
		
		#info { float: left; margin-left: 400px; }
		#windmill { margin-top: 25px; left: 500px; position: relative; height: 497px; width: 372px; background: url('http://www.josephmoore.co.uk/assets/images/windmill-tower.png') left top no-repeat; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
		#sails { position: absolute; left: 545px; width: 300px; top: 210px; -moz-animation: rotate 10s linear 0s infinite; -webkit-animation: rotate 10s linear 0 infinite; -ms-animation: rotate 10s linear 0 infinite; animation: rotate 10s linear 0 infinite; }
	</style>



</html>
